<template>
  <div class="admin">
    <div style="min-width: 1600px;margin: 0 auto;background: #f6f6f6">
      <!--    整个后台管理页面-->
      <el-container>

        <!--      左右结构左侧边栏-->
        <Aside :msg="isCollapse"/>
        <!--      左右结构右半部分-->
        <el-container>

          <!--        右半部分头部-->
          <el-header style="background: #1890ff">
            <Header/>
          </el-header>

          <!--        右半部分主体-->
          <el-main style="padding: 0">

            <!--          横栏部分-->
            <div style="height: 50px;background-color: #008997">
              <h1>顶栏部分 暂时搁置</h1>
            </div>

            <!--          主体部分-->
            <router-view/>
          </el-main>
        </el-container>
      </el-container>
    </div>
  </div>
</template>

<script>
import Aside from "@/components/Aside.vue";
import Header from "@/components/Header.vue";

export default {
  components: {Header, Aside},
  data() {
    return {
      isCollapse: true
    };
  },
  methods: {
    }
  }
</script>